<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>Test</title>
	<!-- start: CSS -->
	<!--
	<link href="../../assets/css/style.min.css" rel="stylesheet">
	<link href="../../assets/css/retina.min.css" rel="stylesheet">
	<link href="../../assets/css/print.css" rel="stylesheet" type="text/css" media="print" />-->
	<link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../test/css/test.css">
	<link rel="stylesheet" type="text/css" href="../../lib/jscountdown/jquery.countdown.css">

	<!-- end: CSS -->

	<style>
		.box {
			border: 1px solid #dbdee0;
			margin: 0 0 30px 0;
		}
		
		.box .box-header {
			background: white;
			color: #34383c;
			font-size: 16px;
			overflow: hidden;
			background: #f7f7f8;
			border-bottom: 1px solid #dbdee0;
			height: 40px;
		}
		
		.box .box-content {
			padding: 10px;
			background: white;
		}
	</style>

	<script src="../../assets/js/handlebars.js"></script>
	<script src='../../assets/js/jquery-2.0.3.min.js'></script>
	<script src="../../assets/js/jquery-migrate-1.2.1.min.js"></script>
	<script src="../../assets/js/bootstrap.min.js"></script>
	<script src="../test/js/testmgtservice.js"></script>
	<script src="../test/js/testmgtcontroller.js"></script>
	<script src="../test/js/testengine.js"></script>
	<script src="../../lib/jscountdown/jquery.countdown.min.js"></script>


	<script id="review-questions-tmpl" type="text/x-handlebars-template">
		{{#each questions}}
			<tr>
				<td><a href="#">{{q}}</a></td>
				{{#if marked}}
					<td><a href="#"><i class="icon-ok"></i></a></td>
					{{else}}
					<td><a href="#"><i class="icon-remove"></i></a></td>
				{{/if}}
				{{#if complete}}
					<td><a href="#"><i class="icon-ok"></i></a></td>
					{{else}}
					<td><a href="#"><i class="icon-remove"></i></a></td>
				{{/if}}
			 </tr>
			{{/each}}
	</script>


	<script id="test-instructions-tmpl" type="text/x-handlebars-template">
		<div class="row">
			<table class="table table-striped table-bordered bootstrap-datatable datatable ">
				<thead>
					<tr>
						<th>Name</th>
						<th>Code</th>
						<th>Total Questions</th>
						<th>Total Time</th>
						<th>Maximum Marks</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>Test 1</td>
						<td>T-101</td>
						<td>50</td>
						<td>100 Minutes</td>
						<td>200</td>
					</tr>
				</tbody>
			</table>
			<div class="instructions">
				<p>
				<b><h3>General Instructions:</h3></b>
				<h4>Please read the following instructions very carefully:</h4>
				 <br>
				1. You have <b>30 minutes</b> to complete the test.
				<br>
				2. The test contains a total of <b>20 questions</b>.
				<br>
				3. There is only one correct answer to each question. Click on the most appropriate option to mark it as your answer.
					<br>
				4. You will be awarded <b>2.5 marks</b> for each correct answer.
					<br>
				5. Each incorrect answer will attract a penalty of <b>1/3rd marks</b> alloted to the question
					<br>
				6. You can change your answer by clicking on some other option.
					<br>
				7. You can unmark your answer by clicking on the “Deselect” button.
					<br>
				8. You can flag a question for reviewing it later by clicking on the “Flag” button. Once clicked, the button changes to “Unflag”. Click “Unflag” to unflag the question.
					<br>
				9. You can move back and forth between the questions by clicking the buttons “Previous” and “Next” respectively.
					<br>
				10. A Number list of all questions appears at the right hand side of the screen. You can access the questions in any order within a section or across sections by clicking on the question number given on the number list. <br>
				11. You can use rough sheets while taking the test. Do not use calculators, log tables, dictionaries, or any other printed/online reference material during the test.
					<br>
				12. Do not click the button “Submit test” before completing the test. A test once submitted cannot be resumed.
					<br>
			</p>		
			</div>
			
			<div class ="tnc">
					<button type="button" class="btn btn-success" id="startTest">Continue</button>
			</div>
		</div>
	</script>



	<script type="text/javascript">
		$(document).ready(function() {
				TestMgtController.getTestDetails();
				$("#startTest").live("click",function() {
					$("#test").empty();
					$("#test").test(TestMgtController.getCurrentTest(), null);
				});
			});
	</script>

	<style>
		.top-buffer { margin-top:20px; }
		.bottom-buffer {margin-bottom:20px;}
	</style>

</head>

<body>
	<div class="container">
		<div id="test" class="test container top-buffer" />
	</div>
</body>

</html>
